﻿<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Blog</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- favicon
        ============================================ -->		
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">

        <!-- All css files are included here. -->
        <!-- Bootstrap framework main css -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <!-- This core.css file contents all plugings css file. -->
        <link rel="stylesheet" href="css/core.css">
        <!-- Theme shortcodes/elements style -->
        <link rel="stylesheet" href="css/shortcode/shortcodes.css">
        <!-- Theme main style -->
        <link rel="stylesheet" href="style.css">
        <!-- Responsive css -->
        <link rel="stylesheet" href="css/responsive.css">
        <!-- User style -->
        <link rel="stylesheet" href="css/custom.css">
        
        <!-- Modernizr JS -->
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->  
        <!-- header start -->
        <header class="header-pos">
            <div class="header-area header-middle">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-2 col-sm-3 col-xs-12">
                            <div class="logo">
                                <a href="index.html"><img src="img/logo/logo.jpg" alt="" /></a>
                            </div>
                        </div>
                        <div class="col-md-10 col-sm-9 col-xs-12 text-right xs-center">
                            <div class="main-menu display-inline hidden-sm hidden-xs">
                                <nav>
                                    <ul>
                                        <li><a href="index.html">Home</a>
                                        </li>
                                        <li><a href="shop.html">Sofa</a></li>
                                        <li><a href="#">Elements</a></li>
                                        <li><a href="shop.html">Lighting</a></li>
                                        <li><a href="#">Pages</a></li>
                                        <li><a href="#">What's New</a></li>
                                    </ul>
                                </nav>
                            </div>
                            <div class="search-block-top display-inline">
                                <div class="icon-search"></div>
                                <div class="toogle-content">
                                    <form action="#" id="searchbox">
                                        <input type="text" placeholder="Search" />
                                        <button class="button-search"></button>
                                    </form>
                                </div> 
                            </div>
                            <div class="shopping-cart ml-20 display-inline">
                                <a href="cart.html"><b>shopping cart</b>(2)</a>
                                <ul>
                                    <li>
                                        <div class="cart-img">
                                            <a href="#"><img src="img/cart/1.jpg" alt="" /></a>
                                        </div>
                                        <div class="cart-content">
                                            <h3><a href="#"> 1 X Faded...</a> </h3>
                                            <span><b>S, Orange</b></span>
                                            <span class="cart-price">£ 16.84</span>
                                        </div>
                                        <div class="cart-del">
                                            <i class="fa fa-times-circle"></i>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="cart-img">
                                            <a href="#"><img src="img/cart/1.jpg" alt="" /></a>
                                        </div>
                                        <div class="cart-content">
                                            <h3><a href="#"> 1 X Faded...</a> </h3>
                                            <span><b>S, Orange</b></span>
                                            <span class="cart-price">£ 16.84</span>
                                        </div>
                                        <div class="cart-del">
                                            <i class="fa fa-times-circle"></i>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="shipping"> 
                                            <span class="f-left">Shipping </span>
                                            <span class="f-right cart-price"> $7.00</span>  
                                        </div>
                                        <hr class="shipping-border" />
                                        <div class="shipping">
                                            <span class="f-left"> Total </span>
                                            <span class="f-right cart-price">$692.00</span> 
                                        </div>
                                    </li>
                                    <li class="checkout m-0"><a href="#">checkout <i class="fa fa-angle-right"></i></a></li>
                                </ul>							
                            </div>
                            <div class="setting-menu display-inline">
                                <div class="icon-nav current"></div>
                                <ul class="content-nav toogle-content">
                                    <li class="currencies-block-top">
                                        <div class="current"><b>Currency : USD</b></div>
                                        <ul>
                                            <li><a href="#">Dollar (USD)</a></li>
                                            <li><a href="#">Pound (GBP)</a></li>
                                        </ul>
                                    </li>
                                    <li class="currencies-block-top">
                                        <div class="current"><b>English</b></div>
                                        <ul>
                                            <li><a href="#">English</a></li>
                                            <li><a href="#">اللغة العربية</a></li>
                                        </ul>
                                    </li>
                                    <li class="currencies-block-top">
                                        <div class="current"><b>My Account</b></div>
                                        <ul>
                                            <li><a href="#">My account</a></li>
                                            <li><a href="#">My wishlist</a></li>
                                            <li><a href="#">Checkout</a></li>
                                            <li><a href="#">Log in</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mobile-menu-area visible-sm visible-xs">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mobile-menu">
                                <nav id="mobile-menu-active">
                                    <ul>
                                        <li><a href="#">Home</a></li>
                                        <li><a href="shop.html">Sofa</a></li>
                                        <li><a href="#">Elements</a></li>
                                        <li><a href="shop.html">Lighting</a></li>
                                        <li><a href="#">Pages</a></li>
                                        <li><a href="#">What's New</a></li>
                                    </ul>
                                </nav>							
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header end -->
        <div class="space-custom"></div>
        <!-- breadcrumb start -->
        <div class="breadcrumb-area">
            <div class="container">
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-home"></i></a></li>
                    <li><a href="#">blog</a></li>
                    <li class="active">Data</li>
                </ol>			
            </div>
        </div>
        <!-- breadcrumb end -->
        <!-- shop-area start -->
        <div class="blog-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-3 mb-40">
                        <div class="column">
                            <h2 class="title-block">Catalog</h2>
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Search</h3>
                                <form action="#" id="search-blog">
                                    <input type="text" placeholder="Search" />
                                    <button><i class="fa fa-search"></i></button>
                                </form>
                            </div>						
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Availability</h3>
                                <ul class="sidebar-menu">
                                    <li><a href="#">In stock <span>(13)</span></a></li>
                                    <li><a href="#">In stock <span>(13)</span></a></li>
                                </ul>
                            </div>
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Condition</h3>
                                <ul class="sidebar-menu">
                                    <li><a href="#">New <span>(11)</span></a></li>
                                </ul>
                            </div>
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Manufacturer</h3>
                                <ul class="sidebar-menu">
                                    <li><a href="#"> Fashion Manufacturer  <span>(13)</span></a></li>
                                </ul>
                            </div>
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Size</h3>
                                <ul class="sidebar-menu">
                                    <li><a href="#"> S  <span>(13)</span></a></li>
                                    <li><a href="#"> M  <span>(15)</span></a></li>
                                    <li><a href="#"> L  <span>(6)</span></a></li>
                                </ul>
                            </div>
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Size</h3>
                                <ul class="sidebar-menu">
                                    <li><a href="#"> Beige  <span>(2)</span></a></li>
                                    <li><a href="#"> White <span>(4)</span></a></li>
                                    <li><a href="#"> Black  <span>(4)</span></a></li>
                                    <li><a href="#"> Orange   <span>(6)</span></a></li>
                                    <li><a href="#"> Blue  <span>(4)</span></a></li>
                                    <li><a href="#"> Green  <span>(1)</span></a></li>
                                    <li><a href="#"> Yellow  <span>(5)</span></a></li>
                                    <li><a href="#">  Pink <span>(2)</span></a></li>
                                </ul>
                            </div>
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Compositions</h3>
                                <ul class="sidebar-menu">
                                    <li><a href="#">  Cotton  <span>(2)</span></a></li>
                                    <li><a href="#"> Polyester <span>(4)</span></a></li>
                                    <li><a href="#"> Viscose  <span>(4)</span></a></li>
                                </ul>
                            </div>
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Styles</h3>
                                <ul class="sidebar-menu">
                                    <li><a href="#">   Casual  <span>(2)</span></a></li>
                                    <li><a href="#"> Dressy  <span>(4)</span></a></li>
                                    <li><a href="#"> Girly  <span>(4)</span></a></li>
                                </ul>
                            </div>
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Properties</h3>
                                <ul class="sidebar-menu">
                                    <li><a href="#">Colorful Dress <span>(2)</span></a></li>
                                    <li><a href="#">Maxi Dress <span>(4)</span></a></li>
                                    <li><a href="#">Midi Dress <span>(4)</span></a></li>
                                    <li><a href="#">Short Dress <span>(3)</span></a></li>
                                    <li><a href="#">Short Sleeve <span>(2)</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9 col-sm-9">
                        <div class="blog-wrapper blog-main mb-40">
                            <div class="blog-img">
                                <a href="#"><img alt="" src="img/blog/1.jpg"></a>
                            </div>
                            <div class="blog-info">
                                <h3><a href="#">From Now we are certified web...</a></h3>
                                <div class="blog-meta blog-large">
                                    Posted by 
                                    <span><a href="#"><i class="fa fa-tags" aria-hidden="true"></i> Uncategories</a></span>
                                    <span><a href="#"><i class="fa fa-comment" aria-hidden="true"></i> 0 Comments</a></span>
                                    <span><a href="#"><i class="fa fa-eye" aria-hidden="true"></i> views (119)</a></span>
                                </div>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type an</p>
                                <div class="read-more">
                                    <a href="#">Read More </a>
                                </div>
                            </div>
                        </div>
                        <div class="blog-wrapper blog-main mb-40">
                            <div class="blog-img">
                                <a href="#"><img alt="" src="img/blog/2.jpg"></a>
                            </div>
                            <div class="blog-info">
                                <h3><a href="#">From Now we are certified web...</a></h3>
                                <div class="blog-meta blog-large">
                                    Posted by 
                                    <span><a href="#"><i class="fa fa-tags" aria-hidden="true"></i> Uncategories</a></span>
                                    <span><a href="#"><i class="fa fa-comment" aria-hidden="true"></i> 0 Comments</a></span>
                                    <span><a href="#"><i class="fa fa-eye" aria-hidden="true"></i> views (119)</a></span>
                                </div>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type an</p>
                                <div class="read-more">
                                    <a href="#">Read More </a>
                                </div>
                            </div>
                        </div>
                        <div class="blog-wrapper blog-main mb-40">
                            <div class="blog-img">
                                <a href="#"><img alt="" src="img/blog/3.jpg"></a>
                            </div>
                            <div class="blog-info">
                                <h3><a href="#">From Now we are certified web...</a></h3>
                                <div class="blog-meta blog-large">
                                    Posted by 
                                    <span><a href="#"><i class="fa fa-tags" aria-hidden="true"></i> Uncategories</a></span>
                                    <span><a href="#"><i class="fa fa-comment" aria-hidden="true"></i> 0 Comments</a></span>
                                    <span><a href="#"><i class="fa fa-eye" aria-hidden="true"></i> views (119)</a></span>
                                </div>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type an</p>
                                <div class="read-more">
                                    <a href="#">Read More </a>
                                </div>
                            </div>
                        </div>
                        <div class="blog-wrapper blog-main mb-40">
                            <div class="blog-img">
                                <a href="#"><img alt="" src="img/blog/4.jpg"></a>
                            </div>
                            <div class="blog-info">
                                <h3><a href="#">From Now we are certified web...</a></h3>
                                <div class="blog-meta blog-large">
                                    Posted by 
                                    <span><a href="#"><i class="fa fa-tags" aria-hidden="true"></i> Uncategories</a></span>
                                    <span><a href="#"><i class="fa fa-comment" aria-hidden="true"></i> 0 Comments</a></span>
                                    <span><a href="#"><i class="fa fa-eye" aria-hidden="true"></i> views (119)</a></span>
                                </div>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type an</p>
                                <div class="read-more">
                                    <a href="#">Read More </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- shop-area end -->
        <!-- brand-area start -->
        <div class="brand-area">
            <div class="container">
                <div class="brand-sep ptb-50">
                    <div class="row">
                        <div class="brand-active">
                            <div class="col-lg-12">
                                <div class="single-brand">
                                    <a href="#"><img src="img/brand/1.jpg" alt="" /></a>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="single-brand">
                                    <a href="#"><img src="img/brand/2.jpg" alt="" /></a>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="single-brand">
                                    <a href="#"><img src="img/brand/3.jpg" alt="" /></a>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="single-brand">
                                    <a href="#"><img src="img/brand/4.jpg" alt="" /></a>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="single-brand">
                                    <a href="#"><img src="img/brand/5.jpg" alt="" /></a>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="single-brand">
                                    <a href="#"><img src="img/brand/1.jpg" alt="" /></a>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="single-brand">
                                    <a href="#"><img src="img/brand/2.jpg" alt="" /></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- brand-area end -->
        <!-- service-area start -->
        <div class="service-area pt-70 pb-40 gray-bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <div class="single-service mb-30">
                            <div class="service-icon">
                                <i class="pe-7s-world"></i>
                            </div>
                            <div class="service-title">
                                <h3>FREE SHIPPING</h3>
                                <p>Free shipping on all UK orders</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="single-service mb-30">
                            <div class="service-icon">
                                <i class="pe-7s-refresh"></i>
                            </div>
                            <div class="service-title">
                                <h3>FREE EXCHANGE</h3>
                                <p>30 days return on all items</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="single-service mb-30 sm-mrg">
                            <div class="service-icon">
                                <i class="pe-7s-headphones"></i>
                            </div>
                            <div class="service-title">
                                <h3>PREMIUM SUPPORT</h3>
                                <p>We support online 24 hours a day</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="single-service mb-30 xs-mrg sm-mrg">
                            <div class="service-icon">
                                <i class="pe-7s-gift"></i>
                            </div>
                            <div class="service-title">
                                <h3>BLACK FRIDAY</h3>
                                <p>Shocking discount on every friday</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- service-area end -->
        <!-- footer start -->
        <footer class="black-bg">
            <div class="footer-top-area ptb-60">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-4">
                            <div class="footer-widget">
                                <h3 class="footer-title">Contact info</h3>
                                <div class="footer-contact">
                                    <ul>
                                        <li><em class="fa fa-map-marker"></em>8901 Marmora Road, Glasgow <span>D04 89 GR, New York</span></li>
                                        <li><em class="fa fa-phone"></em>Telephones: (+1) 866-540-3229 <span>Fax: (+1) 866-540-3229</span></li>
                                        <li><em class="fa fa-envelope-o"></em>Email: support@posthemes.com</li>
                                    </ul>
                                </div>							
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4">
                            <div class="footer-widget">
                                <h3 class="footer-title">My account</h3>
                                <ul class="block-content">
                                    <li><a href="#">My orders</a></li>
                                    <li><a href="#">My credit slips</a></li>
                                    <li><a href="#">Sitemap</a></li>
                                    <li><a href="#">My addresses</a></li>
                                    <li><a href="#">My personal info</a></li>	
                                </ul>							
                            </div>					
                        </div>
                        <div class="col-md-2 col-sm-4">
                            <div class="footer-widget">
                                <h3 class="footer-title">Information</h3>
                                <ul class="block-content">
                                    <li><a href="#">Contact us</a></li>
                                    <li><a href="#">Discount</a></li>
                                    <li><a href="#">Site map</a></li>
                                    <li><a href="#">About us</a></li>	
                                    <li><a href="#">Custom service</a></li>									
                                </ul>							
                            </div>					
                        </div>
                        <div class="col-md-2 col-sm-4">
                            <div class="footer-widget">
                                <h3 class="footer-title">OUR SERVICE</h3>
                                <ul class="block-content">
                                    <li><a href="#">My orders</a></li>
                                    <li><a href="#">My credit slips</a></li>
                                    <li><a href="#">Sitemap</a></li>
                                    <li><a href="#">My addresses</a></li>
                                    <li><a href="#">My personal info</a></li>	
                                </ul>							
                            </div>					
                        </div>
                        <div class="col-md-3 col-sm-4">
                            <div class="footer-widget">
                                <h3 class="footer-title">OPENING TIME</h3>
                                <div class="footer-time">
                                    <p><span class="ft-content"><span class="day">Monday - Friday</span><span class="time">9:00 - 22:00</span></span></p>
                                    <p><span class="ft-content"><span class="day">Saturday</span><span class="time">10:00 - 24:00</span></span></p>
                                    <p><span class="ft-content"><span class="day">Sunday</span><span class="time">12:00 - 24:00</span></span></p>
                                    <p><span class="ft-content"><span class="day">Thursday</span><span class="time">Free Shipping</span></span></p>
                                    <p><span class="ft-content"><span class="day">Friday</span><span class="time">sale of 30%</span></span></p>
                                </div>							
                            </div>					
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer-bootom-area start -->
            <div class="footer-bootom-area ptb-15">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div class="copyright">
                                <p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div class="payment">
                                <img src="img/payment.png" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer-bootom-area end -->
        </footer>
        <!-- footer end -->
        <!-- Modal -->
        <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
                    </div>
                    <div class="modal-body">
                        <div class="modal-img">
                            <a href="shop.html"><img src="img/product/1.jpg" alt="" /></a>
                        </div>
                        <div class="modal-pro-content">
                            <h3><a href="#">Phasellus Vel Hendrerit</a></h3>
                            <div class="pro-rating">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star-o"></i>
                            </div>
                            <span>(2 customer reviews)</span>
                            <div class="price">
                                <span>$70.00</span>
                                <span class="old">$80.11</span>
                            </div>
                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet.</p>	
                            <form action="#">
                                <input type="number" value="1" />
                                <button>Add to cart</button>
                            </form>
                            <div class="product_meta">
                                <span class="posted_in">Categories: <a rel="tag" href="#">Albums</a>, <a rel="tag" href="#">Music</a></span> <span class="tagged_as">Tags: <a rel="tag" href="#">Albums</a>, <a rel="tag" href="#">Music</a></span> 
                            </div>
                            <div class="social">
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-google-plus"></i></a>
                                <a href="#"><i class="fa fa-instagram"></i></a>
                                <a href="#"><i class="fa fa-pinterest"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal end -->
        
        
        
        <!-- jquery latest version -->
        <script src="js/vendor/jquery-1.12.0.min.js"></script>
        <!-- Bootstrap framework js -->
        <script src="js/bootstrap.min.js"></script>
        <!-- ajax-mail js -->
        <script src="js/ajax-mail.js"></script>
        <!-- owl.carousel js -->
        <script src="js/owl.carousel.min.js"></script>
        <!-- owl.carousel js -->
        <script src="js/jquery-ui.min.js"></script>
        <!-- jquery.nivo.slider js -->
        <script src="js/jquery.nivo.slider.pack.js"></script>
        <!-- All js plugins included in this file. -->
        <script src="js/plugins.js"></script>
        <!-- Main js file that contents all jQuery plugins activation. -->
        <script src="js/main.js"></script>
    </body>
</html>
